<!DOCTYPE html>
<html>
<head>
<title>平台使用统计查询</title>

<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="../../styles/css/bootstrap.min.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css">
<link rel="stylesheet" href="../../styles/css/bootstrap-table.min.css">
<link rel="stylesheet" href="../css/testResult.css">

<script src="../../jsplugin/jquery.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script src="../../jsplugin/bootstrap-table.min.js"></script>
<script src="../../jsplugin/bootstrap-table-zh-CN.min.js"></script>
<script src="../../jsplugin/echarts.min.js"></script>
<script type="text/javascript">
	//页面初始化加载
	$(function() {
		//页面初始化获取平台历史使用时间记录信息
		loadTestResult();
	});
</script>
</head>

<body>
<div class="panel-body" style="padding-bottom:0px;">
	<div class="panel panel-default">
		<div class="panel-heading">查询条件</div>
		<div class="panel-body">
			<form id="formSearch" class="form-horizontal">
				<div class="form-group" style="margin-top:15px">
					<label class="control-label col-sm-2" for="testResultNameSearch">平台ID、名称</label>
					<div class="col-md-3">
						<input type="text" class="form-control" id="testResultNameSearch">
					</div>
					<div class="col-md-4" style="text-align:left;">
						<button type="button" style="margin-left:50px;width: 100px;" id="btn_query"
							class="btn btn-primary" onclick="doSearch()">查询</button>
					</div>
				</div>
				<div class="form-group" style="margin-top:15px">
					<label class="control-label col-sm-1"></label>
					<ul id="testResultHour">
					</ul>
				</div>
			</form>
		</div>
	</div>


	<!-- 平台内容展示区域 -->
	<div class="col-md=10 col-md-offset-1">
		<!-- 使用中的平台 -->
		<div id="using" class="col-md-12">
			<!-- 使用中左侧内容 -->
			<div id="leftContent" class="col-md-1">
				<div>
					<label>
						使用<span></span>
					</label>
				</div>
			</div>
			<!-- 使用中右侧内容 -->
			<div id="rightContent" class="col-md-11">
				<div id="idleR1" class="col-md-12">
					<div class="col-md-2">
						<label>
							自动测试<span></span>
						</label>
					</div>
					<div class="col-md-10">
					
					</div>
					
				</div>
				<div id="idleR2" class="col-md-12">
					<div class="col-md-2">
						<label>
							人工测试<span></span>
						</label>
					</div>
					<div class="col-md-10">
					
					</div>
				</div>
				<div id="idleR3" class="col-md-12">
					<div class="col-md-2">
						<label>
							仿真调试<span></span>
						</label>
					</div>
					<div class="col-md-10">
					
					</div>
				</div>
			</div>
		</div>
		<!-- 空闲内容区域 -->
		<div class="col-md-12">
			<div id="idleContent" class="col-md-1">
				<div>
					<label>
						空闲<span></span>
					</label>
				</div>
			</div>
			<div class="col-md-11">
				<div id="idleRight1" class="col-md-12">
					<div id="idleRight" class="col-md-2">
						<label>
							未被使用<span></span>
						</label>
					</div>
					<div class="col-md-10"></div>
				</div>
			</div>
		</div>
	
	</div>
	<!-- ECharts  饼状图区域 -->
		 <div id="pieChart" style="display: none;width: 580px;">
		 	<!-- 头部动态区域 -->
		 	<h4><span></span>使用频度分类统计</h4>
			<!-- 饼状图区域 -->
		 	 <div id="mains" style="width: 580px;"></div>
		 </div>
	</div>
</body>
<link rel="stylesheet" href="../../styles/css/skinBlue.css" id="skinColour"> 
	<script src="../../common/myAlert.js"></script>
	<script type="text/javascript" src="../js/testResult.js"></script>
</html>
